diff options
| author | Factiven <[email protected]> | 2023-05-01 16:00:03 +0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-05-01 16:00:03 +0700 |
| commit | 37c438a88efa73f502a0362e3053c95e360e8b9b (patch) | |
| tree | 305dea34094970bcfece03d81d90308c472037b9 /pages/anime/watch/[...info].js | |
| parent | Update v3.5 (diff) | |
| parent | Update v3.5.2 (diff) | |
| download | moopa-37c438a88efa73f502a0362e3053c95e360e8b9b.tar.xz moopa-37c438a88efa73f502a0362e3053c95e360e8b9b.zip | |
Update v3.5.2
Merge pull request #5 from DevanAbinaya/pre-production
Diffstat (limited to 'pages/anime/watch/[...info].js')
| -rw-r--r-- | pages/anime/watch/[...info].js | 44 |
1 files changed, 19 insertions, 25 deletions
diff --git a/pages/anime/watch/[...info].js b/pages/anime/watch/[...info].js index 0d11684..682e252 100644 --- a/pages/anime/watch/[...info].js +++ b/pages/anime/watch/[...info].js @@ -8,12 +8,9 @@ import dynamic from "next/dynamic"; import { useNotification } from "../../../lib/useNotify"; -import { signIn } from "next-auth/react"; import { getServerSession } from "next-auth/next"; import { authOptions } from "../../api/auth/[...nextauth]"; -import AniList from "../../../components/media/aniList"; - import Skeleton, { SkeletonTheme } from "react-loading-skeleton"; import "react-loading-skeleton/dist/skeleton.css"; @@ -259,28 +256,25 @@ export default function Info({ sessions, id, aniId, provider }) { fetchData(); }, [id, aniId, provider, sessions]); - const { Notification: NotificationComponent } = useNotification(); - - const [open, setOpen] = useState(false); - const [aniStatus, setAniStatus] = useState(""); - const [aniProgress, setAniProgress] = useState(parseInt(playingEpisode)); - - const handleStatus = (e) => { - setAniStatus(e.target.value); - }; - - const handleProgress = (e) => { - const value = parseFloat(e.target.value); - if (!isNaN(value) && value >= 0 && value <= data.totalEpisodes) { - setAniProgress(value); - } - }; - - const handleSubmit = (e) => { - e.preventDefault(); - const formData = { status: aniStatus, progress: aniProgress }; - console.log(formData); - }; + useEffect(() => { + const mediaSession = navigator.mediaSession; + if (!mediaSession) return; + + const artwork = + poster && poster.length > 0 + ? [{ src: poster[0].image, type: "image/jpeg" }] + : undefined; + + mediaSession.metadata = new MediaMetadata({ + title: playingTitle, + artist: `Moopa ${ + playingTitle === data?.title?.romaji + ? "- Episode " + playingEpisode + : `- ${data?.title?.romaji || data?.title?.english}` + }`, + artwork, + }); + }, [poster, playingTitle, playingEpisode, data]); return ( <> |